<script setup lang='ts'>
import ChannelNav from './components/ChannelNav.vue';
import ArticleList from './components/ArticleList.vue';

import {ref} from 'vue'


const test = ref('test')

// const changeId =(id:number) => {
//     channelId.value = id
// }


// import axios from 'axios'

// // 使用TS的时候，axios()调用需要改为 axios.request()，可以使用泛型
// // 1. 使用泛型的目的的告诉axios返回数据的类型如何
// // 2. 泛型的类型需要和接口返回的一致，否则无意义

// type ChannelItem = {
//   id:number
//   name:string
// }

// type ChannelResData = {
//   data:{
//     channels:ChannelItem[]
//   },
//   message:string
// }

// axios.request<ChannelResData>({ url: 'http://geek.itheima.net/v1_0/channels'})
// .then(({data}) => console.log(data))


</script>
<template>
    <ChannelNav  v-model:test="test"></ChannelNav>
    <ArticleList ></ArticleList>
</template>
<style lang='less'>
 
</style>
